<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="css/style.css" type="text/css"/>
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox-1.3.4.css" type="text/css"/>
	<link href='http://fonts.googleapis.com/css?family=Droid+Sans:700' rel='stylesheet' type='text/css'/>
	<!--[if lt IE 10]>
		<script type="text/javascript" src="js/PIE.js"></script>
	<![endif]--> 	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.js"></script>
	<script type="text/javascript" src="js/fancybox/jquery.easing-1.3.pack.js"></script>
	<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	
	<script src="js/main.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$('.border_img').fancybox({
				'transitionIn'	:	'elastic',
				'transitionOut'	:	'elastic',
				'speedIn'		:	600, 
				'speedOut'		:	200, 
				'overlayShow'	:	false
			});
		});
	</script>	
	
	<title></title>
</head>
<body>
<!-- Header -->
	<div class="center">
		<div class="header"> 
			<a class="logo" href="index.html"><img src="images/logo.png" alt="" /></a>
			<div class="slogan">Mobili<br />per l'infanzia</div>
			<div class="search">
				<div class="search_wrap">
					<input class="search_in" value="Cerca tra i prodotti"/>
					<a href="#" class="lupa"><img src="images/search.png" alt="" /></a>
				</div>
			</div>
		</div>
	</div>
<!-- Header END -->

		
<!-- Menu -->
	<div class="center_wrap texturized">
		<div class="texturized_top">&nbsp;</div>
		<div class="center">		
			<div class="menu"> 
				<div class="menu_inner"> 
					<ul>
						<li class="page-item">
							<a href="index.html" >Home</a>
						</li>
						<li class="page-item">
							<a href="about.html" >Chi Siamo</a>
						</li>
						<li class="page-item current_page_item">
							<a href="portfolio_4.html">Prodotti</a>
							<ul class="children">
								<li class="page_item">
									<a title="" href="portfolio_4.html">Tavoli</a>
								</li>
								<li class="page_item">		
									<a title="" href="portfolio_4.html">Sedie</a>
								</li>
								<li class="page_item">		
									<a title="" href="portfolio_4.html">Armadi</a>
								</li>
								<li class="page_item">	
									<a title="" href="portfolio_4.html">Arredi</a>
								</li>
								<li class="page_item">		
									<a title="" href="portfolio_4.html">Accessori</a>
								</li>
							</ul>
						</li>
						<li class="page-item">
							<a href="portfolio_1.html">Proposte Realizzate</a>
						</li>
						<li class="page-item">
							<a href="about_1.html">I Materiali</a>
						</li>
						<li class="page-item">
							<a href="about_2.html">Il Catalogo</a>
						</li>
						<li class="page-item">
							<a href="blog.html">Notizie</a>
						</li>
						<li class="page-item">
							<a href="contact.html">Contatti</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="texturized_bottom">&nbsp;</div>
	</div>
<!-- Menu END -->

<!-- Content -->
	<div class="center_wrap texturized">
		<div class="texturized_top">&nbsp;</div>
		<div class="center">
			<div class="inner">	
				<div class="portfolio_first">
					<div class="portfolio">
						<h3>I nostri Prodotti</h3>
						<div class="portfolio_category">
							<a class="the_button active" href="#">Accessori</a>
							<a class="the_button" href="#">Armadi</a>
							<a class="the_button" href="#">Arredi</a>
							<a class="the_button" href="#">Sedie</a>
							<a class="the_button" href="#">Tavoli</a>
						</div>
					</div>
				<!-- One fourth portfolio item -->
					<div class="port_four_coloms">
						<a class="border_img image_shadow230" href="images/MI001.jpg"><img src="images/MI001.jpg" alt="" /></a>
						<a class="title_slide_img" href="#">Tavolo Bello</a>
						<p>Lorem ipsum dolor sit amet, consectetut, sed diam nonummy nibh.</p>
						<a href="#" class="the_button">scheda</a>
						<div class="the_dash"></div>
					</div><!-- One fourth portfolio item END -->
					<div class="port_four_coloms">
						<a class="border_img image_shadow230" href="images/gallery/original/3.jpg"><img src="images/gallery/i_193/3.jpg" alt="" /></a>
						<a class="title_slide_img" href="#">Tavolo Nuovo</a>
						<p>Lorem ipsum dolor sit amet, consectetut, sed diam nonummy nibh.</p>
						<a href="#" class="the_button">scheda</a>
						<div class="the_dash"></div>
					</div>
					<div class="port_four_coloms">
						<a class="border_img image_shadow230" href="images/gallery/original/17.jpg"><img src="images/gallery/i_193/17.jpg" alt="" /></a>
						<a class="title_slide_img" href="#">Tavolo Rosso</a>
						<p>Lorem ipsum dolor sit amet, consectetut, sed diam nonummy nibh.</p>
						<a href="#" class="the_button">scheda</a>
						<div class="the_dash"></div>
					</div>
					<div class="port_four_coloms_last">
						<a class="border_img image_shadow230" href="images/gallery/original/20.jpg"><img src="images/gallery/i_193/20.jpg" alt="" /></a>
						<a class="title_slide_img" href="#">Tavolo Verde</a>
						<p>Lorem ipsum dolor sit amet, consectetut, sed diam nonummy nibh.</p>
					<a href="#" class="the_button">scheda</a>
					<div class="the_dash"></div>
					</div>
					
					<div class="port_four_coloms">
						<a class="border_img image_shadow230" href="images/gallery/original/22.jpg"><img src="images/gallery/i_193/22.jpg" alt="" /></a>
						<a class="title_slide_img" href="#">Tavolo Giallo</a>
						<p>Lorem ipsum dolor sit amet, consectetut, sed diam nonummy nibh.</p>
						<a href="#" class="the_button">scheda</a>
						<div class="the_dash"></div>
					</div>
					<div class="port_four_coloms">
						<a class="border_img image_shadow230" href="images/gallery/original/26.jpg"><img src="images/gallery/i_193/26.jpg" alt="" /></a>
						<a class="title_slide_img" href="#">Tavolo Pieno</a>
						<p>Lorem ipsum dolor sit amet, consectetut, sed diam nonummy nibh.</p>
						<a href="#" class="the_button">scheda</a>
						<div class="the_dash"></div>
					</div>
					<div class="port_four_coloms">
						<a class="border_img image_shadow230" href="images/gallery/original/27.jpg"><img src="images/gallery/i_193/27.jpg" alt="" /></a>
						<a class="title_slide_img" href="#">Tavolo Marrone</a>
						<p>Lorem ipsum dolor sit amet, consectetut, sed diam nonummy nibh.</p>
						<a href="#" class="the_button">scheda</a>
						<div class="the_dash"></div>
					</div>
					<div class="port_four_coloms_last">
						<a class="border_img image_shadow230" href="images/gallery/original/28.jpg"><img src="images/gallery/i_193/28.jpg" alt="" /></a>
						<a class="title_slide_img" href="#">Tavolo Dritto</a>
						<p>Lorem ipsum dolor sit amet, consectetut, sed diam nonummy nibh.</p>
						<a href="#" class="the_button">scheda</a>
						<div class="the_dash"></div>
					</div>
					<div class="port_four_coloms">
						<a class="border_img image_shadow230" href="images/gallery/original/29.jpg"><img src="images/gallery/i_193/29.jpg" alt="" /></a>
						<a class="title_slide_img" href="#">Tavolo Storto</a>
						<p>Lorem ipsum dolor sit amet, consectetut, sed diam nonummy nibh.</p>
						<a href="#" class="the_button">scheda</a>
						<div class="the_dash"></div>
					</div>
					<div class="port_four_coloms">
						<a class="border_img image_shadow230" href="images/gallery/original/30.jpg"><img src="images/gallery/i_193/30.jpg" alt="" /></a>
						<a class="title_slide_img" href="#">Tavolo Corto</a>
						<p>Lorem ipsum dolor sit amet, consectetut, sed diam nonummy nibh.</p>
						<a href="#" class="the_button">scheda</a>
						<div class="the_dash"></div>
					</div>
					<div class="port_four_coloms">
						<a class="border_img image_shadow230" href="images/gallery/original/21.jpg"><img src="images/gallery/i_193/21.jpg" alt="" /></a>
						<a class="title_slide_img" href="#">Tavolo Ultra Slim</a>
						<p>Lorem ipsum dolor sit amet, consectetut, sed diam nonummy nibh.</p>
						<a href="#" class="the_button">scheda</a>
						<div class="the_dash"></div>
					</div>
					<div class="port_four_coloms_last">
						<a class="border_img image_shadow230" href="images/gallery/original/23.jpg"><img src="images/gallery/i_193/23.jpg" alt="" /></a>
						<a class="title_slide_img" href="#">Tavolo Ultra Light</a>
						<p>Lorem ipsum dolor sit amet, consectetut, sed diam nonummy nibh.</p>
						<a href="#" class="the_button">scheda</a>
						<div class="the_dash"></div>
					</div>
					<div class="pages">
						<a href="#" class="page_active">1</a>
						<a href="#" class="page_passive">2</a>
					</div>
				</div>
			</div>
		</div>
		<div class="texturized_bottom">&nbsp;</div>	
	</div>
<!-- Content END -->

	<div class="find_dash"></div>
<!-- Find block -->
	<div class="find">
		<div class="center">
			<span class="find_us">Find us elsewhere:</span>
			<a href="#" class="find_img"><img src="images/f_1.jpg" alt="" /></a>
			<a href="#" class="find_img"><img src="images/f_2.jpg" alt="" /></a>
			<a href="#" class="find_img"><img src="images/f_3.jpg" alt="" /></a>
			<a href="#" class="find_img"><img src="images/f_4.jpg" alt="" /></a>
			<a href="#" class="find_img"><img src="images/f_5.jpg" alt="" /></a>
		</div>
	</div>
<!-- Find block END -->
	
<!-- Widget area -->
	<div class="wigets">
		<div class="center">
			<div class="posts">
				<div class="post">
					<h3>Recent Posts</h3>
					<a href="#" class="border_wiget_img"><img class="wiget_img" src="images/wiget_img.jpg" alt="" /></a>
					<a href="#" class="title_wiget">Lorem Ipsum Dolor</a>
					<p>Diam nonummy nibh euidunt ut laoreet dolore magna aliquam erat volutpat. Lorem Ipsum oloriam nonummy nibeuisod tit dolore magna...</p>
				</div>
				<div class="post">
					<a href="#" class="border_wiget_img"><img class="wiget_img" src="images/wiget_img2.jpg" alt="" /></a>
					<a href="#" class="title_wiget">Lorem Ipsum Dolor</a>
					<p>Diam nonummy nibh euidunt ut laoreet dolore magna aliquam erat volutpat. Lorem Ipsum oloriam nonummy nibeuisod tit dolore magna...</p>
				</div>
			</div>
			<div class="categories">
				<h3>Categories</h3>
					<ul>
						<li class="first"><a href="#">Documentation</a></li>
						<li><a href="#">Plugins</a></li>
						<li><a href="#">Suggest Ideas</a></li>
						<li><a href="#">Support Forum</a></li>
						<li><a href="#">Themes</a></li>
						<li><a href="#">WordPress Blog</a></li>
						<li class="last"><a href="#">WordPress Planet</a></li>
					</ul>
			</div>
			<div class="tweets">
				<h3>Recent Tweets</h3>
				<div class="tweet">
					<div class="tweet_top"></div>
					<div class="tweet_bg">
						<p><a class="tweet_name" href="#">@twittername </a> Lorem ipsum olorsit amconsectetuer adipi scing elitsed diamn...</p>
					</div>
					<div class="tweet_bottom"></div>
				</div>
				<div class="tweet">
					<div class="tweet_top"></div>
					<div class="tweet_bg">
						<p><a class="tweet_name" href="#">@twittername </a> Lorem ipsum olorsit amconsectetuer adipi scing elitsed diamn...</p>
					</div>
					<div class="tweet_bottom"></div>
				</div>
			</div>
			<div class="contact">
				<h3>Contact Us</h3>
				<form action="#">
					<div class="input_l"><input name="nick" type="text" value="Name" class="input"/></div>
					<div class="input_l"><input name="mail" type="text" value="Email" class="input"/></div>
					<table class="textarea_table">
						<tr>
							<td class="textarea_tl"></td>
							<td class="textarea_t"></td>
							<td class="textarea_tr"></td>
						</tr>
						<tr>
							<td class="textarea_l"></td>
							<td class="textarea_c">
								<textarea name="comment" class="textarea" rows="10" cols="10">Message</textarea>
							</td>
							<td class="textarea_r"></td>
						</tr>
						<tr>
							<td class="textarea_bl"></td>
							<td class="textarea_b"></td>
							<td class="textarea_br"></td>
						</tr>
					</table>					
					<input type="submit" value="Send Message" class="send_msg"/>
  				</form>
			</div>
			<div class="clearb"></div>
		</div>
		
	</div>
<!-- Widget area END -->
	
<!-- Footer -->
	<div class="footer">
		<div class="center">
			<p class="foot">&copy; 2010 Curio. All Rights Reserved. Powered by WordPress.</p>
		</div>
	</div>
<!-- Footer END -->
</body>

</html>